<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>用户登录</title>
  <!--引入jQuery -->
  <script src="js/jquery.min.js"></script>
</head>
<body>
<h2>用户登录</h2>
<form action="/login" method="post">
  用户名:<input type="text" name="username"><br><br>
  密码  :<input type="password" name="password"><br><br>
  验证码:<input id="identify-input" type="text" name="identifyCode">
  <img id="identify-img" src="/identifyImage"><br><br>
  <input type="submit" value="登录">
</form>
<!--绑定点击事件 -->
<script>
  $("#identify-img").on('click',function (){
    // 点击验证码那个图片的时候，我们输入的验证码那个框就会清空
    $('#identify-input').val('')
    //而且我们点击验证码的时候，希望它可以改变验证码内容，其实是通过发送新请求来改变验证码内容
    $('#identify-img').attr('src','/identifyImage?'+Math.random())
  })

  $.ajax({
    url:"/login",
    method:"POST",
    data:{},
    success:function (result){
      if(result == "1"){
        alert("yes")
      }else{
        alert("no")
      }
    }
  });
</script>
</body>
</html>
